@charset "utf-8"

/*===================== 头部公共类 =====================*/
.va-middle {
	vertical-align: middle;
}
.mar-t45 {
	margin-top: 45px;
}
.icon {
	margin-right: 20px;
	width: 30px;
	height: 23px;
	background: url('../images/img-header/account-icon.png') no-repeat 0px 0px;
	vertical-align: middle;
}
.user {
	background-position: -60px 0;
}
.user:hover {
	background-position: 0px 0;
}
.shop-car {
	background-position: -60px -21px;
}
.shop-car:hover {
	background-position: 0px -21px;
}
.shop-car:hover .shop-car-content {
	display: block;
}
.shop-link {
	display: block;
	position: absolute;
	top: -23px;
	right: 29px;
	width: 30px;
	height: 15px;
}
.shop-car-content {
	display: none;
	position: absolute;
	right: -30px;
	top: 40px;
	min-width: 360px;
	min-height: 315px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px 2px #666;
	cursor: text;
	z-index: 999;
}
.shop-car-content:before {
	content: '';
	position: absolute;
	top: -9px;
	right: 32px;
	width: 2px;
	border: 10px solid transparent;
	border-top: none;
	border-bottom-color: #fff;
	line-height: 50px;
}
.line-h:after {
	content: '';
	width: 0;
	height: inherit;
	border-right: 1px solid #444;
}
.circle {
	position: relative;
	right: -32px;
	top: 2px;
	display: block;
	width: 20px;
	height: 20px;
	background-color: #ccc;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
}
.dot:after {
	display: block;
	position: absolute;
	top: 50%;
	right: -22.25px;
	margin-top: -0.5px;
	content: '';
	border: 1px solid #444;
	border-radius: 100%;
}

/*=====================头部类=====================*/
#header .wrap {
	margin-bottom: 20px;
	min-width: 1220px;
	background-color: #000;
}
#header .wrap .header {
	padding: 25px 0;
	margin-left: auto;
	margin-right: auto;
	width: 1220px;
	border: 0px solid red;
}
#header .wrap .header .logo {
	width: 50px;
	height: 50px;
	background: url('../images/img-header/logo.png') no-repeat 0 0 /cover;
	cursor: pointer;
}
#header .wrap .header .nav {
	padding: 14px 0;
}
#header .wrap .header .nav > ul {
	color: #ccc;
}
#header .wrap .header .nav > ul > li {
	float: left;
	margin-left: 45px;
}
#header .wrap .header ul > li > a {
	display: block;
}
#header .wrap .header ul > li > a:hover {
	color: #fff;
}

/*===================== 头部滑动类 =====================*/
.hs-fixed {
	position: fixed;
	top: -999px;
	width: 100% !important;
	background-image: linear-gradient(#fff, #eee);
	box-shadow: 0 0 10px 2px #ccc;
	transition: top 0.5s;
	z-index: 9999;
}
#header-scroll {
	min-width: 1220px;
}
#header-scroll .wrap {
	width: 100%;
}
#header-scroll .container {
	margin: auto;
	width: 1220px;
}
#header-scroll .container > ul {
	padding: 15px 0;
	color: #444;
}
#header-scroll .container > ul > li {
	position: relative;
	float: left;
	margin-right: 45px;
}
#header-scroll .container > ul > li.last {
	float: right;
	margin: 0;
}
#header-scroll .container > ul > li > a {
	display: block;
}
#header-scroll .container > ul > li > a:hover {
	color: #6b95ea;
}
#header-scroll .container > ul > li.last > a .user:hover {
	background-position: -60px 0;
}
#header-scroll .container > ul > li.last > a .shop-car:hover {
}

/* back-top */
#back-top:hover a {
	background-color: #fff;
}
#back-top > a {
	display: block;
	position: fixed;
	bottom: -999px;/*25*/
	right: 22px;
	width: 47px;
	height: 44px;
	border: 1px solid #eee;
	box-shadow: 0 0 1px 2px #ccc;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 999;
	transition: bottom 0.5s;
}
#back-top > a .line-w {
	position: absolute;
	top: 40%;
	margin-top: -1.5px;
	left: 50%;
	margin-left: -6px;
	width: 12px;
	border-bottom: 3px solid #c7c7c9;
}
#back-top > a .bt-tir {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: none;
	border-bottom: 8px solid #c7c7c9;
}